Ext.app.Viewport = function(){
	this.field = new Ext.form.TextField({
		width: 150,
		emptyText : 'Please input keywords.',
		grow : true,
		growMin : 150
	});
/*
	this.toolbar = new Ext.Toolbar({
		region:'north',
		items:[
			"<font color='#333333'><font class='app_name'>ChaShaKu</font><b> - a Corpus Search Tool -</b></font>",
			" ","-",
			this.field
		]
	});
*/
	this.toolbar = new Ext.Toolbar({
		region:'center',
		height:30,
		items:[
			" ",this.field
		]
	});
	
	this.mainPanel = new Ext.TabPanel({
		region:'center',
		enableTabScroll: true,
		animScroll: true,
		activeTab:0,
		items:[
			{	contentEl:'manual',
				title: 'Manual',
				autoScroll:true,
				iconCls: 'manual'
			}
		]
	});
	this.viewport = new Ext.Viewport({
		layout: 'border',
		items: [
			{	region: 'north',
				height: 58,
				items:[
					new Ext.BoxComponent({ // raw
	                    region:'north',
	                    el: 'system_name',
	                    height:28
	                }),
					this.toolbar
				]
			},
//			this.toolbar,
			this.mainPanel
		]
	});
	return this;
}
